<template>
  <div class="bg-white m-auto w-1/2" id="div-1">
    <a-row class="mt-2 m-auto w-full" id="a-row-1">
      <a-col class="h-96" :span="12" id="a-col-1">
        <a-row class="h-1/2 mb-12" id="a-row-2">
          <a-image id="a-image-1" :preview="false" src="https://picsum.photos/id/237/520/260" />
          <a-typography-text id="a-typography-text-1" class="z-50 absolute bg-black text-white w-full p-1 top-52"
            >参观信息</a-typography-text
          >
        </a-row>
        <a-row class="h-1/2" id="a-row-3">
          <a-image id="a-image-2" :preview="false" src="https://picsum.photos/id/236/520/260" />
          <a-typography-text id="a-typography-text-2" class="z-50 absolute bg-black text-white w-full p-1 bottom-[-70px]"
            >大英博物馆官方导览App</a-typography-text
          >
        </a-row>
      </a-col>
      <a-col class="" :span="12" id="a-col-2">
        <a-row id="a-row-5">
          <a-image id="a-image-3" :preview="false" src="https://picsum.photos/id/240/520/560" />
          <a-typography-text id="a-typography-text-3" class="bg-black text-white w-full p-1 absolute bottom-1"
            >无国界一大英博物馆于中国之推广与活动</a-typography-text
          >
        </a-row>
      </a-col>
    </a-row>
    <a-row class="mt-4 m-auto w-full" id="a-row-4">
      <a-col id="a-col-4">
        <a-typography-title id="a-typography-title-1" :level="3">藏品与展厅精选</a-typography-title>
        <a-row id="a-row-6">
          <a-col id="a-col-5" :span="8" class="pr-2 pl-2">
            <a-image id="a-image-4" :preview="false" src="https://picsum.photos/id/23/520/240"></a-image>
            <a-typography-text id="a-typography-text-6" class="text-2xl text-white absolute bottom-2 z-10 left-12 top-9"
              >中国与南亚展厅</a-typography-text
            >
          </a-col>
          <a-col id="a-col-6" :span="8" class="pr-2 pl-2">
            <a-image id="a-image-5" :preview="false" src="https://picsum.photos/id/23/520/240"></a-image>
            <a-typography-text id="a-typography-text-5" class="text-2xl text-white absolute bottom-2 z-10 left-1/3 top-9"
              >馆藏精品</a-typography-text
            >
          </a-col>
          <a-col id="a-col-7" :span="8" class="pr-2 pl-2">
            <a-image id="a-image-6" :preview="false" src="https://picsum.photos/id/23/520/240"></a-image>
            <a-typography-text id="a-typography-text-4" class="text-2xl text-white absolute bottom-2 z-10 left-1/4 top-9"
              >中国瓷器打听</a-typography-text
            >
          </a-col>
        </a-row>
      </a-col>
    </a-row>
    <a-divider class="w-full" id="a-divider-1" />
    <a-typography-text class="text-xl text-slate-400 underline">加入博物官会员-></a-typography-text>
    <a-divider class="w-full" id="a-divider-1" />
    <a-row class="mt-4 m-auto w-full" id="a-row-4">
      <a-col id="a-col-4">
        <a-typography-title id="a-typography-title-1" :level="3">大英博物馆的服务设施</a-typography-title>
        <a-row id="a-row-6">
          <a-col id="a-col-5" :span="8" class="pr-2 pl-2">
            <a-image id="a-image-7" :preview="false" src="https://picsum.photos/id/23/520/240"></a-image>
            <a-typography-text id="a-typography-text-7" class="text-2xl text-white absolute bottom-2 z-10 top-10 left-1/3"
              >餐饮服务</a-typography-text
            >
          </a-col>
          <a-col id="a-col-6" :span="8" class="pr-2 pl-2">
            <a-image id="a-image-8" :preview="false" src="https://picsum.photos/id/23/520/240"></a-image>
            <a-typography-text id="a-typography-text-8" class="text-2xl text-white absolute bottom-2 z-10 left-1/3 top-10"
              >商店及礼品</a-typography-text
            >
          </a-col>
          <a-col id="a-col-7" :span="8" class="pr-2 pl-2">
            <a-image id="a-image-9" :preview="false" src="https://picsum.photos/id/23/520/240"></a-image>
            <a-typography-text id="a-typography-text-9" class="text-2xl text-white absolute bottom-2 z-10 left-1/3 top-10"
              >服务设施</a-typography-text
            >
          </a-col>
        </a-row>
      </a-col>
    </a-row>
    <a-divider class="w-full" id="a-divider-2" />
    <a-row class="mt-4 m-auto w-full" id="a-row-4">
      <a-col id="a-col-4">
        <a-typography-title id="a-typography-title-3" :level="3" class="underline">大英博物馆博客</a-typography-title>
        <a-row id="a-row-6">
          <a-col id="a-col-5" :span="8" class="pr-2 pl-2 border-1">
            <a-image id="a-image-10" :preview="false" src="https://picsum.photos/id/23/520/240"></a-image>
            <div class="border-2 w-full h bg-slate-100">
              <a-typography-text id="a-typography-text-10" class="block text-xs">精品馆藏</a-typography-text>
              <a-typography-text id="a-typography-text-11" class="block">时间之馆|钟表展厅</a-typography-text>
              <a-typography-text id="a-typography-text-12" class="block text-xs">2025-01-16</a-typography-text>
            </div>
          </a-col>
          <a-col id="a-col-6" :span="8" class="pr-2 pl-2">
            <a-image id="a-image-11" :preview="false" src="https://picsum.photos/id/23/520/240"></a-image>
            <div class="border w-full h bg-slate-100">
              <a-typography-text id="a-typography-text-13" class="block text-xs">精品馆藏</a-typography-text>
              <a-typography-text id="a-typography-text-14" class="block">赛恩思伯里展厅|非洲的艺术文化史</a-typography-text>
              <a-typography-text id="a-typography-text-15" class="block text-xs">2024-12-25</a-typography-text>
            </div>
          </a-col>
          <a-col id="a-col-7" :span="8" class="pr-2 pl-2">
            <a-image id="a-image-12" :preview="false" src="https://picsum.photos/id/23/520/240"></a-image>
            <div class="border-2 w-full h bg-slate-100">
              <a-typography-text id="a-typography-text-16" class="block text-xs">展览与活动</a-typography-text>
              <a-typography-text a-typography-text id="a-typography-text-17" class="block">休洛克:亲历历史</a-typography-text>
              <a-typography-text id="a-typography-text-18" class="block text-xs">2024-11-25</a-typography-text>
            </div>
          </a-col>
        </a-row>
      </a-col>
    </a-row>
  </div>
</template>
  
<script setup lang="jsx"></script>

<style></style>